.caseDetail{
    &_top {
		width: 100%;
		height: 40px;
		padding: 0px 20px;
		display: flex;
		align-items: center;
		
		.into_index {
			width: 100px;
			height: 28px;
			text-align: center;
			line-height: 28px;
			color: #101010;
			font-size: 14px;
			border: 1px solid #BBBBBB;
			position: relative;
			border-radius: 4px;
			cursor: pointer;
			
			i {
				top: 7px;
			}
		}
		
		i {
			position: absolute;
			right: 4px;
			top: 8px;
		}
		
		.current {
			width: 100px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			background: #409EFF 10000%;
			border: 1px solid #fff;
			position: relative;
			font-size: 14px;
			color: #fff;
			margin-left: 10px;
			border-radius: 4px;
			cursor: pointer;
			
			&::before {
				content: '';
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #fff;
				position: absolute;
				left: 6px;
				top: 10px;
			}
		}
	}
	
	&_title {
		width: 100%;
		height: 90px;
		background: #F5F5F5;
		padding: 0px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		&_left {
			color: #101010;
			font-size: 14px;
			
			i {
				color: #5692FA;
				font-style: normal;
			}
		}
		
		&_right {
			
			&_btn {
				width: 100px;
				height: 40px;
				text-align: center;
				line-height: 40px;
				border-radius: 4px;
				outline: none;
				border: 0 none;
				background: #27B148;
				color: #fff;
				cursor: pointer;
			}
		}
	}

    // 内容
    .content{
		width: 100%;
		background-color: #fff;
		.itemBox{
			margin-bottom: 20px;
			display: flex;
			align-items: center;
			.el-select{margin-right:20px;}
			.item{
				display: flex;
				align-items: center;
				width: 50%;
			}
			.itemTit{width: 64px;text-align: right;margin-right: 10px;}
			
		}
		.box{
			margin-bottom: 50px;
			display: flex;
			span{margin-right: 10px;}
		}
		.tit{
			margin-bottom: 15px;
		}
		.commentItem{
			width: 80%;
			padding: 20px 0;
			border-bottom: 1px solid #ccc;
			.name{color: #BBBBBB;}
			.firstBox{
				width: 100%;
				display: flex;
				justify-content: space-between;
				.left{
					width: 100%;
					display: flex;
					img{
						width: 50px;
						height: 50px;
						background-color: pink;
						border-radius: 50%;
					}
					.cont{
						margin-left: 10px;
						width: 80%;
						.askCont{
							margin-top: 5px;
							display: flex;
							.ask_item{ 
								flex-shrink: 0;
								display: flex;
								.ask_span{
									display: flex;
									align-items: center;
								}
							}
						}
					}
				}
				.right{
					
					.time{display: flex;span{margin-left: 10px;}}
					.commentBtn{margin-top: 5px;display: flex;}
				}
			}
			.replyBox{
				width: 90%;
				margin-top: 15px;
				margin-left: 10%;
			}
		}
    }

	// 提交按钮
	.btn{
		margin: 50px 0;
		width: 100%;
		text-align: center;
	}
}